.myTop{width: 66px; position: fixed; _position: absolute; right: 0; bottom: 5%; z-index: 100;}
.myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;}
.myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #221f1f; overflow: hidden; position: relative; z-index: 10;}
.myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #e41700;
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    opacity: 0\9;
    filter: alpha(opacity=0)\9;
}
.myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
/*.myTop ul li:hover a{background-color: #e41700;}*/
.myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
.myTop ul li .t{display: block; margin-top: 7px;}
.myTop ul li.myMess .icon{background-image: url(../images/myMess.png);}
.myTop ul li.myNum .icon{background-image: url(../images/myNum.png);}
.myTop ul li.myweixin .icon{background-image: url(../images/myweixin.png);}
.myTop ul li.mySer .icon{background-image: url(../images/mySer.png);}
.myTop ul li.GoTop .icon{background-image: url(../images/GoTop.png);}
.myTop ul li .Phone{width: 200px; height: 66px; line-height: 66px; font-size:24px; color: #fff; font-weight:bold; background-color: #c01805; opacity:1; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .Phone{left: -200px;}

.myTop ul li .weixin{width: 140px; height: 130px; padding-top:10px;  background-color: #c01805; opacity:1; position: absolute; left: 80px; top:-35px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .weixin{left: -140px;}

@media screen and (max-width: 768px){
    .myTop { display:none; }
}